import {defineComponent} from "vue";
import style from "@/page/portal/mine/css/index.module.css";

export default defineComponent({
    props:{
      currentIndex:{
          type:Number,
          default:1
      },
        changeIndex:Function
    },
    setup(props){
        return ()=>{
            return <>
                <div onClick={()=>{props.changeIndex(1)}} className={props.currentIndex === 1 ? style.active : style.menu_item} >个人资料</div>
                <div onClick={()=>{props.changeIndex(2)}} className={props.currentIndex === 2 ? style.active : style.menu_item}>密码修改</div>
                <div onClick={()=>{props.changeIndex(3)}} className={props.currentIndex === 3 ? style.active : style.menu_item}>收藏</div>
                <div onClick={()=>{props.changeIndex(4)}} className={props.currentIndex === 4 ? style.active : style.menu_item}>捐款记录</div>
                <div onClick={()=>{props.changeIndex(5)}} className={props.currentIndex === 5 ? style.active : style.menu_item}>会员申请</div>
                <div onClick={()=>{props.changeIndex(6)}} className={props.currentIndex === 6 ? style.active : style.menu_item}>我的众筹</div>
            </>
        }
    }
})